import React from 'react'
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';

import "../style/FormData1.css"
 import {
   MenuFoldOutlined,
   
   UploadOutlined,
   UserOutlined,
   DeleteOutlined,
   PlusOutlined,
   DownloadOutlined,
   AudioOutlined,
   ClockCircleOutlined,
   DownOutlined,
   SearchOutlined,FilterOutlined,BorderOutlined,MenuUnfoldOutlined,SyncOutlined,FullscreenOutlined
  
 } from '@ant-design/icons';
import SelectChengyuan from "./SelectChengyuan"
import SelectBumen from './SelectBumen';
// Tabber切换
 const onChange = (key: string) => {
  console.log(key);
};

const items: TabsProps['items'] = [
  {
    key: '1',
    label: '成员',
    children: <>
     
    </>,
  },
  {
    key: '2',
    label: '当前用户',
    children: 'Content of Tab Pane 2',
  },
 
];



export default function FormData() {
  return (
    <div>
        <div className="topbanner"></div>
        <div style={{display:"flex"}}>
          
                <div className="searchbox">
               <SearchOutlined className='icon'/><input type="text" placeholder='搜索(多个关键词用空格隔开)'/>
            
            </div>
           
            
        </div>
        <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
        
    </div>
    
  )
}
